<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>学生信息管理系统登录</title>
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="/css/font.css">
	<link rel="stylesheet" href="/css/xadmin.css">
    <script type="text/javascript" src="/js/jquery.min.js"></script>
    <script src="/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="/js/xadmin.js"></script>

</head>
<body class="login-bg">
    
    <div class="login layui-anim layui-anim-up">
        <div class="message" style="font-size: 2.5em;">学生信息管理系统</div>
        <div id="darkbannerwrap"></div>
        <form method="post" class="layui-form" action="/login">
            <input name="username" placeholder="账号"  type="text" lay-verify="required" class="layui-input" >
            <hr class="hr15">
            <input name="password" lay-verify="required" placeholder="密码"  type="password" class="layui-input">
            <hr class="hr15">
	        <input type="radio" name="userType" value="2" title="学生" checked>
	        <input type="radio" name="userType" value="1" title="教师">
	        <input type="radio" name="userType" value="0" title="管理员">
            <hr class="hr15">
            <input value="登录" lay-submit lay-filter="login" style="width:100%;" type="button" id="loginBtn">
            <hr class="hr20" >
        </form>
    </div>

    <script type="text/javascript" src="/js/jquery.form.js"></script>
    <script>
        $(function  () {
            layui.use('form', function(){
              var form = layui.form;
              //监听提交
              form.on('submit(login)', function(data){
            	  $.ajax({
                      url : "/login",
                      type : "post",
                      data : {
                          username: data.field.username,
                          password: data.field.password,
                          userType: data.field.userType
                      },
                      success : function(result) {
                          if (result.state) {
                        	  layer.msg('登录成功！正在跳转中...',function(){
                        		  location.href='/toIndex';
                              });
                          } else {
                        	  layer.msg(""+result.msg, {icon: 5});
                          }
                      }
                  });
              });
            });
        })
        
    </script>

</body>
</html>